<!--
    by: yuanbiao 2020年12月16日
    name: x-tab-group
    notes:
-->
<template>
  <div :class="[prefixCls,`${prefixCls}-${type}`,`${prefixCls}-${size}`]">
    <i :class="[`${prefixCls}__adorn_rect`]"></i>
    <div :class="[`${prefixCls}__adorn_line`,`${prefixCls}__adorn_line_first`]"></div>
    <slot></slot>
    <div :class="[`${prefixCls}__adorn_line`,`${prefixCls}__adorn_line_last`]"></div>
    <i :class="[`${prefixCls}__adorn_rect`]"></i>
  </div>
</template>

<script>
const prefixCls = 'x-tab-group'
export default {
  name: 'x-tab-group',
  props: {
    type: {
      type: String,
      default: 'default' // default|primary|dashed|text|info|success|warning|danger
    },
    size: {
      type: String,
      default: 'default' // default|large|small
    }
  },
  data() {
    return {
      prefixCls: prefixCls
    }
  }
}
</script>
